Wix Helpcentrum
    Home
  1. Een website maken
  2. Geavanceerde functies
  3. CMS
  4. Met dynamische pagina's en het CMS werken
    5. CMS: Een dynamische lijstpagina toevoegen en instellen

CMS: Een dynamische lijstpagina toevoegen en instellen

Leestijd 22 minuten
Met dynamische lijstpagina's kun je verschillende items uit je CMS-verzameling presenteren in een georganiseerde index. Elk item, weergegeven in een repeater, galerij of tabel, linkt naar de dynamische itempagina van de verzameling waar bezoekers meer lezen over het specifieke item.

Een dataset bepaalt de koppelingen tussen de pagina-elementen en je verzamelingsvelden. In de dataset-instellingen kun je het aantal items bepalen dat tegelijk wordt weergegeven. Je kunt filters toevoegen om alleen bepaalde items op te nemen of sorteervoorwaarden toevoegen die de volgorde bepalen waarin ze verschijnen.

Voeg 'Meer laden'- of navigatieknoppen toe om het laden van je pagina's te verbeteren als je veel items wilt weergeven. Je kunt bezoekers ook de mogelijkheid geven om de items die ze op de pagina zien te filteren met behulp van invoerelementen zoals dropdowns, keuzerondjes of selectievakjes.
Voordat je begint:
  • Maak een CMS-verzameling die de items bevat die je op je dynamische lijstpagina wilt weergeven.
  • Maak een dynamische itempagina voor je verzameling. Je koppelt items op je dynamische lijstpagina aan de dynamische itempagina van je verzameling. Als alternatief kun je de dynamische itempagina tegelijkertijd met je dynamische lijstpagina toevoegen. Zie stap 1 hieronder voor instructies. 

Stap 1 | Voeg een dynamische lijstpagina toe

Maak vanuit het CMS-paneel van je Editor een dynamische lijstpagina voor je verzameling. Dit voegt een nieuwe pagina toe die verschillende items uit je verzameling weergeeft in een repeater die je later zult aanpassen. 
Wix Editor
Studio Editor
  1. Ga naar je Editor.
  2. Klik links in de Editor op CMS.
  3. Klik op Je verzamelingen.
  4. Klik op de verzameling waarvan je je dynamische lijstpagina wilt maken. 
  5. Klik op Meer acties en selecteer Dynamische pagina. 
  6. Selecteer Lijstpagina en klik op Toevoegen aan website.
    Tip: Selecteer ook Itempagina om tegelijkertijd een dynamische itempagina toe te voegen voor de verzameling.  

Stap 2 | (Optioneel) Wijzig de structuur van de URL-slug

Misschien wil je de URL-slugstructuur van je dynamische lijstpagina bewerken om de webadressen van je dynamische pagina's georganiseerd te houden. 

Je kunt bijvoorbeeld de volgende URL-slugstructuren maken voor je dynamische pagina's: 
  • Dynamische lijstpagina: https://www.{jouw-domein.com}/{verzameling-naam}
  • Dynamische categoriepagina: https://www.{jouw-domein.com}/{verzameling-naam}/{categorie}
  • Dynamische itempagina: https://www.{jouw-domein.com}/{verzameling-naam}/{categorie}/{primair-veld}

Bij het bewerken van de structuur van de URL-slug mag de structuur niet al worden gebruikt door andere bestaande pagina's op je website. Om uniek te zijn, mag de structuur van de URL-slug niet hetzelfde voorvoegsel hebben (bijvoorbeeld {Naam van verzameling}) en hetzelfde aantal variabelen hebben als een andere pagina op je website, zelfs als de variabelen verschillend zijn. 
Belangrijk:
Als je de URL-slugstructuur van je dynamische pagina's wijzigt, werken alle bestaande links naar deze pagina's niet meer. Dit heeft invloed op links binnen je website, links die je extern hebt gedeeld, en SEO-links in zoekmachines. We brengen een functie uit waarmee je een automatische omleiding kunt toevoegen, waardoor bezoekers en zoekmachines van de oude URL naar de nieuwe worden geleid. 

Om de URL-slugstructuur van je dynamische lijstpagina te bewerken:

Wix Editor
Studio Editor

  1. Ga naar je Editor.
  2. Klik links in de Editor op Pagina's en menu.
  3. Klik op Dynamische pagina's.
  4. Wijs de dynamische lijstpagina die je zojuist hebt gemaakt aan en klik rechts op het Meer acties-pictogram.
    Tip: Standaard heeft de dynamische lijstpagina die je hebt gemaakt de volgende titel: {Naam verzameling} (Lijst)
  5. Klik op SEO. 
  6. Bewerk het URL-slugstructuurveld: 
    • Klik op Variabele toevoegen en kies een tekst- of getalveld om de waarden ervan te gebruiken in de structuur van de URL-slug. 
    • Voer tekst- of getalwaarden in om statische waarden te gebruiken in de structuur van de URL-slug. 
    • Druk op je toetsenbord op Enter om de wijzigingen in de structuur van de URL-slug op te slaan. 
Een screenshot van het bewerken van de URL-slugstructuur voor een dynamische lijstpagina.

Stap 3 | Koppel de repeater aan het CMS

Je hebt nu een dynamische lijstpagina met een repeater die twee tekstelementen, een afbeelding en een knop in elke container bevat. Elk van de containers van je repeater geeft een ander item uit je verzameling weer. 

Koppel elk deel van de elementen aan de relevante verzamelingsvelden om ervoor te zorgen dat ze de gewenste informatie weergeven. We raden aan de knop te koppelen aan de dynamische itempagina van je verzameling, zodat bezoekers kunnen klikken om naar de speciale pagina van het relevante item te gaan. 

Om meer informatie over elk item te geven, kun je meer ondersteunde elementen aan de repeater toevoegen. Koppel deze elementen vervolgens aan je verzamelingsvelden in de dataset waar je alle CMS-koppelingen beheert. 
Wil je een galerij of tabel gebruiken in plaats van een repeater?
Als je je verzamelingsitems liever in een galerij of tabel weergeeft, kun je dat doen. Verwijder de standaard repeater en voeg vervolgens een Pro Gallery of tabel toe. Koppel vervolgens elk deel van je galerij of tabel via de dataset aan de CMS-verzameling, op dezelfde manier waarop je de repeater zou koppelen. 
Wix Editor
Studio Editor
  1. (Optioneel) Voeg elementen toe aan je repeater (bijvoorbeeld knoppen, tekst, afbeeldingen) of verwijder elementen die je niet nodig hebt. Je kunt de grootte van de repeater aanpassen zodat deze alle elementen kan bevatten. 
  2. Klik op het repeater-element en selecteer het Aan CMS koppelen-pictogram .
  3. Klik rechts in het Repeater koppelen-paneel op het element dat je wilt koppelen.
  4. Klik onder Koppelingen op de relevante dropdowns om het element te koppelen aan het relevante verzamelingsveld of de datasetactie. De opties variëren afhankelijk van het elementtype.
Tips:
  • Om het knopelement aan de dynamische itempagina te koppelen, klik je op het Klikken is gekoppeld aan-veld en selecteer je de dynamische itempagina van de verzameling die eindigt op (Item).
  • Om een afbeeldingselement aan de dynamische itempagina te koppelen, klik je op de Link is gekoppeld aan-dropdown en selecteer je de dynamische itempagina van de verzameling die eindigt op (Item).
Een screenshot van het koppelen van een knop aan de dynamische itempagina van de verzameling.
  1. Klik rechtsboven in het paneel op Repeater-koppelingen. 
  2. Herhaal stap 3-5 hierboven om de elementen te koppelen aan verzamelingsvelden of dataset-acties.
  1. Klik om je repeater-elementen naar behoefte aan te passen.
    Tip: Je kunt op elk moment elementen toevoegen aan of verwijderen uit je repeater. Ontkoppel elementen als je statische inhoud wilt gebruiken die niet verandert. 
  2. Klik op Voorbeeld om je dynamische lijstpagina te testen.
  3. Klik op Publiceren als je klaar bent om de wijzigingen live te laten gaan. 

Stap 4 | (Optioneel) Beheer de dataset-instellingen

Standaard kun je met je dataset voor dynamische pagina's in eerste instantie maximaal 12 items in je repeater of galerij weergeven. Je kunt het maximum aantal items dat tegelijk kan worden weergegeven aanpassen in de dataset-instellingen. Je kunt ook filters toevoegen om alleen bepaalde items op te nemen, of sorteringen toevoegen om de volgorde te bepalen waarin de items worden weergegeven. 
Wix Editor
Studio Editor
  1. Ga naar de instellingen van de gekoppelde dataset van de repeater:
    1. Klik op de repeater. 
    2. Klik op het Aan CMS koppelen-pictogram.
    3. Klik rechts in het Repeater koppelen-paneel op Dataset-instellingen.
  2. (Optioneel) Klik op het machtigingstype naast Machtigingen om de verzamelingsmachtigingen te wijzigen die bepalen wie toegang heeft tot de inhoud en wat ze ermee kunnen doen. 
  3. Klik op de Dataset-modus-dropdown en selecteer en optie: 
    • Lezen: Laat de dataset de inhoud van je verzameling weergeven in de repeater.
    • Lezen en schrijven: Laat de dataset je verzamelingsinhoud weergeven in de repeater en laat bezoekers verzamelingsinhoud toevoegen of bewerken met invoerelementen. 
  4. Bewerk het Maximum aantal weergegeven items-veld om het maximum aantal items in te stellen dat in eerste instantie in de repeater wordt geladen. Dit is ook het maximum van extra items die kunnen worden geladen wanneer een bezoeker op een 'Meer laden'-knop klikt. Als je een pagineringsbalk of knoppen koppelen aan 'Volgende/vorige pagina" dataset-acties, bepaalt dit veld ook het maximum aantal items dat per 'pagina' in de repeater wordt weergegeven. Zie het volgende gedeelte voor stappen voor het instellen van 'Meer laden' en navigatie-elementen.
    Let op: Dit veld is niet van toepassing op tabellen. Als je een tabel gebruikt om je items weer te geven, beperk je het aantal weergegeven items door op het Indeling-pictogramvan de tabel te klikken en vervolgens een aangepaste tabelhoogte in te stellen en paginering in te schakelen. 
  5. (Optioneel) Klik op + Filter toevoegen om alleen specifieke items weer te geven in de repeater. 
  6. (Optioneel) Klik op + Nieuwe sortering toevoegen om de volgorde te kiezen waarin de items worden weergegeven in de repeater.
Een screenshot van de dataset-instellingen in de Wix Editor.
  1. Klik op Voorbeeld om je dynamische lijstpagina te testen.
  2. Klik op Publiceren als je klaar bent om de wijzigingen live te laten gaan. 

Stap 5 | (Optioneel) Maak 'Meer laden'- of navigatieknoppen

Als je van plan bent veel items op deze pagina weer te geven, kun je overwegen een 'Meer laden'-knop toe te voegen om de laadprestaties van de pagina te verbeteren. Het Maximum aantal weergegeven items-veld van de dataset bepaalt hoeveel items in eerste instantie op de pagina kunnen worden geladen en hoeveel extra items kunnen worden geladen wanneer bezoekers op je 'Meer laden'-knop klikken. 

Je kunt ook 'Volgende/vorige pagina'-knoppen of een pagineringsbalk (alleen Wix Editor) toevoegen die ervoor zorgen dat de gekoppelde repeater of galerij van de pagina de volgende of vorige 'pagina' met items weergeeft. Het Maximum aantal weergegeven items-veld bepaalt het maximum aantal items dat op elke 'pagina' met items wordt weergegeven. 
Wix Editor
Studio Editor
Kies wat je wilt doen: 
Tip:
In de Wix Editor kun je ook een pagineringsbalk koppelen waarmee bezoekers door 'pagina's' met items kunnen bladeren. Het Maximum aantal weergegeven items-veld bepaalt hoeveel items op elke 'pagina' van de pagineringsbalk kunnen verschijnen. Als je pagineringsbalken in de Studio Editor wilt zien, kun je hier voor deze functie stemmen.

Stap 6 | (Optioneel) Laat bezoekers items filteren

Geef bezoekers manieren om de items die op je dynamische lijstpagina verschijnen te filteren met invoerelementen. Kies uit de volgende invoerelementen die filteren toestaan: Keuzerondjes, Selectievakjes, Dropdowns, Selectietags, of Schuifregelaars (alleen bereik-schuifregelaars). 
Een screenshot met voorbeelden van invoerelementen die worden gebruikt om de items te filteren die op een dynamische lijstpagina verschijnen.

Veelgestelde vragen

Klik op de onderstaande vragen voor antwoorden op veelgestelde vragen over het instellen van dynamische lijstpagina's. 

Vond je dit artikel nuttig?

|
In dit artikel
  • Stap 1 | Voeg een dynamische lijstpagina toe
  • Stap 2 | (Optioneel) Wijzig de structuur van de URL-slug
  • Stap 3 | Koppel de repeater aan het CMS
  • Stap 4 | (Optioneel) Beheer de dataset-instellingen
  • Stap 5 | (Optioneel) Maak 'Meer laden'- of navigatieknoppen
  • Stap 6 | (Optioneel) Laat bezoekers items filteren
  • Veelgestelde vragen